آموزش راهنمای مبتدیان جاوا اسکریپت [2023]

سرفصل ها و درس ها

مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• جاوا اسکریپت رفتار تعاملی صفحات وب است JavaScript is The Interactive Behavior of Web Pages

• جاوا اسکریپت امروزه برای همه چیز است! JavaScript is for Everything Nowadays!

شروع شدن Getting Started

• راه اندازی محیط Setting Up Environment

• اولین پروژه جاوا اسکریپت شما Your First JavaScript Project

• ایجاد یک فایل جاوا اسکریپت جدا شده Creating a Separated JavaScript File

• نام گذاری فایل های جاوا اسکریپت Naming JavaScript Files

• ساختار کد Code structure

• افزودن برنامه های افزودنی برای افزایش بهره وری کدنویسی Add Extensions to Speed Up Coding Productivity

• راه اندازی و مبانی Setting up and Basics

جریان برنامه نویسی Programming Flow

• تشخیص خطاها Detecting Errors

• حساسیت به حروف کوچک Case Sensitivity

• کد و یادداشت های اظهار نظر Commenting Code and Notes

• جریان برنامه نویسی Programming Flow

متغیرها، اعلامیه ها و واگذاری ها Variables, Declarations and Assignment

• درک متغیرها Understanding Variables

• تغییر مقدار متغیر Changing Variable Value

• ثابت ها Constants

• نام گذاری متغیرها و ثابت ها Naming Variables and Constants

• انواع داده ها Data Types

• متغیرها، اعلامیه ها و واگذاری ها Variables, Declarations and Assignment

شماره Numbers

• اعداد صحیح و اعداد شناور Integers and Floating Numbers

• اپراتورهای اعداد Numbers Operators

• اولویت اپراتور Operator Precedence

• بررسی روش های اعداد Checking Number Methods

• تجزیه اعداد به رشته یا مخالف Parsing Numbers to Strings or Opposite

• NaN: تابع بدون عدد NaN: Not-a-Number function

• کد Code

• شماره Numbers

رشته های Strings

• رشته، تابع و نحو String Literal, Function and Syntax

• چندین خط در رشته کد با استفاده از تیک های برگشتی Multiple Lines in Code Strings Using Back Ticks

• نمادهای فرار رشته ها - نحوه نوشتن نقل قول در یک متغیر رشته Strings Escape Notations - How to Write Quote in a String Variable

• درج متغیر یا ثابت در یک رشته Insert Variable or Constant in a String

• بررسی روش های رشته Checking String Methods

• CheatSheet روش رشته ها Strings Method CheatSheet

• کد Code

• رشته های Strings

اطلاعات بیشتر درباره انواع More About Types

• بولی Boolean

• چگونه نوع متغیر یا ثابت را بررسی کنیم؟ How to Check Type of a Variable or Constant?

• پوچ و تعریف نشده Null and Undefined

• اپراتور ادغام باطل '??' Nullish coalescing operator '??'

• کد Code

• انواع Types

اپراتورهای جاوا اسکریپت Javascript Operators

• اپراتورهای مقایسه Comparison Operators

• نتیجه خنده دار Funny Consequence

• مقایسه === و == Comparing === and ==

• نتیجه عجیب: null در مقابل 0 Strange result: null vs 0

• اپراتور سه تایی The Ternary Operator

• عملگرهای منطقی Logical Operators

• اولویت اپراتور Operator Precedence

• کد Code

• اپراتورهای جاوا اسکریپت Javascript Operators

جریان جاوا اسکریپت JavaScript Flow

• شرایط استفاده از if() Conditionals Using if()

• راست و دروغ Truthy and Falsy

• اگر دیگری if ... else

• حلقه زدن با while() Looping with while()

• حلقه زدن با do ... while() Looping with do ... while()

• حلقه زدن با for() Looping with for()

• جریان جاوا اسکریپت JavaScript Flow

• بشکن و ادامه بده Break and Continue

• مثال عملی: جمع کننده اعداد Practical Example: Numbers Accumulator

• کد Code

توابع در عمق Functions In-Depth

• چرا به توابع نیاز داریم؟ Why Do We Need Functions?

• اعلامیه عملکرد Function Declaration

• پارامترهای تابع Function Parameters

• مقادیر پارامترهای پیش فرض Default Parameters Values

• برگرداندن یک مقدار از تابع Returning a Value from Function

• توابع نامگذاری Naming Functions

• عبارات تابع Function Expressions

• توابع پیکان Arrow functions

• بسته شدن عملکرد و محدوده Function Closures and Scope

• عبارات تابع فوری فراخوانی شده (IIFE) Immediately-Invoked Function Expressions (IIFE)

• کارکرد Functions

• توابع پاسخ به تماس Functions Callbacks

• کد Code

اشیاء در عمق Objects In-Depth

• نحو شی Object Syntax

• ویژگی های شی Object Properties

• حذف ویژگی های شی Removing Object Properties

• بررسی وجود اموال و ارزش Property and Value Existence Checking

• تمرین - توابع و اشیاء Practice - Functions and Objects

• روش های شی Object Methods

• استفاده از "این" Using “this”

• ارجاعات اشیا و کپی کردن Object References and Copying

• شبیه سازی اشیاء کم عمق و عمیق Shallow and Deep Object Cloning

• استفاده از عملگر Spread - ادغام اشیاء Using The Spread Operator - Merging Objects

• توابع سازنده Constructor Functions

• مجموعه زباله Garbage Collection

• شیء ریاضی Math Object

• شیء تاریخ Date Object

• اشیاء Objects

• تکلیف: یک ماشین حساب ایجاد کنید (تیاگو این کار را انجام می دهد) Assignment : Create a Calculator (Tiago will do it)

• راه حل Solution

• کد Code

آرایه ها در عمق Arrays In-Depth

• آرایه چیست؟ What is an Array?

• نحو آرایه Array Syntax

• آرایه های چند بعدی Multi-dimensional Arrays

• افزودن عناصر به آرایه Adding Elements to Array

• حذف عناصر آرایه Removing Array Elements

• چاپ عناصر آرایه با استفاده از حلقه For Printing Array Elements Using For Loop

• شبیه سازی آرایه کم عمق و عمیق Shallow and Deep Array Cloning

• عملگر Spread برای ادغام آرایه ها Spread Operator for Merging Arrays

• معکوس کردن و مرتب سازی آرایه ها Reversing and Sorting Arrays

• یافتن و فیلتر کردن عناصر آرایه Finding and Filtering Array Elements

• تکرار با استفاده از Array.forEach Iteration Using Array.forEach

• تغییر آرایه با استفاده از Array.map Change Array Using Array.map

• کاوش Array.reduce Exploring Array.reduce

• کاوش Array.some Exploring Array.some

• کاوش Array.every Exploring Array.every

• چیت شیت مفید برای چسباندن روی میز Useful Cheatsheet to Stick on Your Desk

• تکلیف: آرایه شهرهای بزرگ را فیلتر کنید Assignment : Filter big cities array

• راه حل Solution

• آرایه ها Arrays

جایزه Bonus

• چیت شیت جاوا اسکریپت JavaScript Cheatsheet

• سخنرانی پاداش Bonus Lecture